<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta charset="utf-8">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<script src="./js/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- 头部导航 -->
<div id="nav">
	<div id="head-nav">
		<div id="header">
			<div class="nav-left">
				<span>快讯：</span>
				<div class="news-flash">
				    <ul>
				      <li>杭州市人民政府副市长陈卫强：四大措施，抢占先机，大力发展区块链产业</li>
				      <li>杭州市人民政府副市长陈卫强：四大措施，抢占先机，大力发展区块链产业</li>
				      <li>杭州市人民政府副市长陈卫强：四大措施，抢占先机，大力发展区块链产业</li>
				      <li>杭州市人民政府副市长陈卫强：四大措施，抢占先机，大力发展区块链产业</li>
				    </ul>
				</div>
			</div>
			<div class="nav-right">
				<div style="float: right;">
				    <ul>
				      <li><img src="./images/User_Icon.png" alt=""></li>
				      <li><a href="login.html"><span>登陆</span></a></li>
				      <li><img src="./images/pillar1.png" alt="" style="width:5px;"></li>
				      <li><a href="register.html"><span>立即注册</span></a></li>
				      <li><img src="./images/vx.png" alt=""></li>
				      <li><img src="./images/wb.png" alt=""></li>
				      <li><img src="./images/code.png" alt=""></li>
				    </ul>
				</div>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="box">
			<div class="nav-logo">
				<img src="">
			</div>
			<div class="nav-ul">
				<ul class="one-ul">
					<li><a href="javascript:;">资讯</a></li>
					<li><a href="javascript:;">周刊</a></li>
					<li><a href="javascript:;">视频</a></li>
					<li><a href="javascript:;">专栏</a></li>
					<li><a href="javascript:;">研究院</a></li>
				</ul>
			</div>
			<div class="nav-solo">
				<div class="solo">
					<input type="" name="" placeholder="搜索...">
					<span><img src="./images/Search_Icon.png"></span>
				</div>
			</div>
			<div class="nav-plue">
				<img src="./images/bj.png">
				<span>专栏申请</span>
			</div>
		</div>
	</div>
</div>

<div class="content">
	<div class="con-left">
		<!-- 热门 -->
		<div class="hot">
			<div class="banner" id="banner">
				<!-- <div class="banner-list">
					<img src="./images/201811191010297602-380x228.png" class="img">
					<div class="title">
						<p>【比原全球开发大赛】专题：一场48小时的技术“盛宴”【比原全球开发大赛】专题：一场48小时的技术“盛宴”</p>
						<span>Rosalie 2018.11.19 &nbsp;&nbsp;&nbsp;<img src="./images/comment1.png"> 7</span>
					</div>
				</div> -->
			</div>
			<div class="hot-news" id="hot-news">
				<!-- <div class="news-list">
					<img src="./images/201811191010297602-380x228.png" class="img">
					<div class="con">
						<a href="article.html"><div class="title">比特币智能合约协议Rootstock被正式收购，将不再局限于比特币</div></a>
						<p>2018.11.19 <span><img src="./images/comment1.png"> 4</span></p>
					</div>
				</div>
				<div class="news-list">
					<img src="./images/201811191010297602-380x228.png" class="img">
					<div class="con">
						<div class="title">比特币智能合约协议Rootstock被正式收购，将不再局限于比特币</div>
						<p>2018.11.19 <span><img src="./images/comment1.png"> 4</span></p>
					</div>
				</div>
				<div class="news-list">
					<img src="./images/201811191010297602-380x228.png" class="img">
					<div class="con">
						<div class="title">比特币智能合约协议Rootstock被正式收购，将不再局限于比特币</div>
						<p>2018.11.19 <span><img src="./images/comment1.png"> 4</span></p>
					</div>
				</div> -->
			</div>
		</div>
		<div class="news">
			<div class="news-nav">
				<ul id="tow_nav">
					<!-- <li class="bot-tis">最新</li>
					<li>创投</li>
					<li>政策</li>
					<li>技术</li>
					<li>矿业</li>
					<li>视频</li>
					<li>专题</li>
					<li>研报</li>
					<li>周刊</li> -->
				</ul>
			</div>
			<div class="new-label">
				<ul>
					<li class="all">全部</li>
					<li>中国</li>
					<li>美国</li>
					<li>日本</li>
					<li>韩国</li>
					<li>英国</li>
					<li>欧盟</li>
					<li>欧盟</li>
					<li>意大利</li>
				</ul>
				<a href=""><img src=""></a>
			</div>
			<div class="news-list" id="news_list">
				<!-- <div class="list">
					<a href="article.html"><img src="./images/201811200020216214-380x228.png" class="img"></a>
					<div class="con">
						<a href="article.html"><div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div></a>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div>
				<div class="list">
					<img src="./images/201811200020216214-380x228.png" class="img">
					<div class="con">
						<div class="title">Vitalik Buterin：以太坊最初5年教会我的事</div>
						<p>阅读这篇专访Vitalik的文章让我意识到，作为一个公链的领导者，有时远比一家巨头公司野心勃勃的CEO，或者一个开源社区单...</p>
						<div class="author">
							<div class="left">
								<img src="./images/201811200020216214-380x228.png" class="head_pic">
								<a class="member_name">橙皮书12321</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
								<img src="./images/dian.png" class="dian">
								<a class="label" href="#">Vitalik</a>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<img src="./images/eye.png">
								<p>9999</p>
								<img src="./images/comment1.png">
								<p>20</p>
							</div>
						</div>
					</div>
				</div> -->
			</div>
			<div class="more">查看更多</div>
		</div>
	</div>
	<div class="con-right">
		<div class="newest">
			<div class="box-1">
				<div class="title">最新 &nbsp;</div>
				<div class="newest-content">
					<img src="./images/201811201210304284.png" class="img">
					<div class="tit1">美国大都会银行推出可交易加密货币的Visa卡</div>
					<div class="author">
						<div class="left">
							<a class="member_name">橙皮书</a>
							<img src="./images/dian.png" class="dian">
							<span>1小时前</span>
						</div>
						<div class="right">
							<a href=""><img src="./images/zan.png"></a>
							<p>100</p>
							<a href=""><img src="./images/eye.png"></a>
							<p>9999</p>
							<a href=""><img src="./images/comment1.png"></a>
							<p>20</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ranking">
			<div class="box-1">
				<div class="title">
					<div class="img">
						<img src="./images/yuanzhu.png">
					</div>
					<div class="tit1">热门资讯</div>
					<div class="tit2">日排行</div>
					<div class="tit3">· 周排行</div>
				</div>
				<div class="hot-text" id="hot_one">
					<img src="./images/201811191520442367-380x228.png" class="img">
					<div class="hot-title">
						<p>美国大都会银行推出可交易加密货币的Visa卡</p>
						<div class="author">
							<div class="left">
								<a class="member_name">橙皮书</a>
								<img src="./images/dian.png" class="dian">
								<span>1小时前</span>
							</div>
							<div class="right">
								<a href=""><img src="./images/zan.png"></a>
								<p>100</p>
								<a href=""><img src="./images/eye.png"></a>
								<p>9999</p>
							</div>
						</div>
					</div>
				</div>
				<div id="hot_list">
					<div class="hot-text-list">
						<img src="./images/201811200020216214-380x228.png" class="img">
						<div class="hot-con">
							<p>美国大都会银行推出可交易加密货币的Visa卡</p>
							<div class="author">
								<div class="left">
									<a class="member_name">橙皮书</a>
									<img src="./images/dian.png" class="dian">
									<span>1小时前</span>
								</div>
								<div class="right">
									<a href=""><img src="./images/zan.png"></a>
									<p>100</p>
									<a href=""><img src="./images/eye.png"></a>
									<p>9999</p>
								</div>
							</div>
						</div>
					</div>
					<div class="hot-text-list">
						<img src="./images/201811200020216214-380x228.png" class="img">
						<div class="hot-con">
							<p>美国大都会银行推出可交易加密货币的Visa卡</p>
							<div class="author">
								<div class="left">
									<a class="member_name">橙皮书</a>
									<img src="./images/dian.png" class="dian">
									<span>1小时前</span>
								</div>
								<div class="right">
									<a href=""><img src="./images/zan.png"></a>
									<p>100</p>
									<a href=""><img src="./images/eye.png"></a>
									<p>9999</p>
								</div>
							</div>
						</div>
					</div>
					<div class="hot-text-list">
						<img src="./images/201811200020216214-380x228.png" class="img">
						<div class="hot-con">
							<p>美国大都会银行推出可交易加密货币的Visa卡</p>
							<div class="author">
								<div class="left">
									<a class="member_name">橙皮书</a>
									<img src="./images/dian.png" class="dian">
									<span>1小时前</span>
								</div>
								<div class="right">
									<a href=""><img src="./images/zan.png"></a>
									<p>100</p>
									<a href=""><img src="./images/eye.png"></a>
									<p>9999</p>
								</div>
							</div>
						</div>
					</div>
					<div class="hot-text-list">
						<img src="./images/201811200020216214-380x228.png" class="img">
						<div class="hot-con">
							<p>美国大都会银行推出可交易加密货币的Visa卡</p>
							<div class="author">
								<div class="left">
									<a class="member_name">橙皮书</a>
									<img src="./images/dian.png" class="dian">
									<span>1小时前</span>
								</div>
								<div class="right">
									<a href=""><img src="./images/zan.png"></a>
									<p>100</p>
									<a href=""><img src="./images/eye.png"></a>
									<p>9999</p>
								</div>
							</div>
						</div>
					</div>
					<div class="hot-text-list">
						<img src="./images/201811200020216214-380x228.png" class="img">
						<div class="hot-con">
							<p>美国大都会银行推出可交易加密货币的Visa卡</p>
							<div class="author">
								<div class="left">
									<a class="member_name">橙皮书</a>
									<img src="./images/dian.png" class="dian">
									<span>1小时前</span>
								</div>
								<div class="right">
									<a href=""><img src="./images/zan.png"></a>
									<p>100</p>
									<a href=""><img src="./images/eye.png"></a>
									<p>9999</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="special">
			<div class="box-1">
				<div class="title">
					<div class="img">
						<img src="./images/yuanzhu.png">
					</div>
					<div class="tit1">专栏作者</div>
					<a href="">更多 <img src="./images/youjt.png"></a>
				</div>
				<div id="author">
					<div class="writer">
						<div class="writer-head">
							<img src="./images/201811191520442367-380x228.png">
							<div class="memberinfo">
								<p>郝大力</p>
								<span>文章数 <b>6</b> 浏览量 <b>6</b></span>
							</div>
							<a href="">关注</a>
						</div>
						<div class="writer-essay">
							<ul>
								<li><img src="./images/dian.png">当你说只能合约，你说到底是什么？</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链学会看区块链的实...</li>
							</ul>
						</div>
					</div>
					<div class="writer">
						<div class="writer-head">
							<img src="./images/201811191520442367-380x228.png">
							<div class="memberinfo">
								<p>郝大力</p>
								<span>文章数 <b>6</b> 浏览量 <b>6</b></span>
							</div>
							<a href="">关注</a>
						</div>
						<div class="writer-essay">
							<ul>
								<li><img src="./images/dian.png">当你说只能合约，你说到底是什么？</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链学会看区块链的实...</li>
							</ul>
						</div>
					</div>
					<div class="writer">
						<div class="writer-head">
							<img src="./images/201811191520442367-380x228.png">
							<div class="memberinfo">
								<p>郝大力</p>
								<span>文章数 <b>6</b> 浏览量 <b>6</b></span>
							</div>
							<a href="">关注</a>
						</div>
						<div class="writer-essay">
							<ul>
								<li><img src="./images/dian.png">当你说只能合约，你说到底是什么？</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链</li>
								<li><img src="./images/dian.png">手把手教你学会看区块链学会看区块链的实...</li>
							</ul>
						</div>
					</div>
				</div>
				<a href=""><div class="change"><img src="./images/fresh.png"><p>换一批</p></div></a>
			</div>
		</div>
		<div class="label-b">
			<div class="box-1">
				<div class="title">
					<div class="img">
						<img src="./images/yuanzhu.png">
					</div>
					<div class="tit1">热门标签</div>
				</div>
				<div class="label-list">
					<ul id="label_list">
						<li>区块链</li>
						<li>比特币</li>
						<li>以太坊</li>
						<li>加密货币</li>
						<li>比特币扩容</li>
						<li>区块链</li>
						<li>比特币</li>
						<li>以太坊</li>
						<li>加密货币</li>
						<li>比特币扩容</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="flash-video">
	<div class="video">
		<div class="title">
			<div class="tit">视频</div>
			<p>每日精选极有料的区块链技术与数字货币科普、访谈、资讯等视频</p>
			<div class="more">更多视频 &nbsp;<img src="./images/youjt1.png"></div>
		</div>
		<div class="video-key">
			<div class="video-v">
				<embed id="video1" src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=d0646pjst6o&auto=0" allowFullScreen="true" quality="high" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
			</div>
			<div class="video-list">
				<div class="this-voide">
					<img src="./images/video1.png">
					<p>区块链行业最有趋向性的聚集地,深度思想引领进入区块链高地</p>
				</div>
				<div class="videolist">
					<div class="video-va">
						<div class="img">
							<img src="">
						</div>
						<div class="v-lcon">
							<p>曾63元入手比特币，6年币圈老人，币信Coo熊越...</p>
							<span>20:45</span>
						</div>
					</div>
					<div class="video-va">
						<div class="img">
							<img src="">
						</div>
						<div class="v-lcon">
							<p>曾63元入手比特币，6年币圈老人，币信Coo熊越...</p>
							<span>20:45</span>
						</div>
					</div>
					<div class="video-va">
						<div class="img">
							<img src="">
						</div>
						<div class="v-lcon">
							<p>曾63元入手比特币，6年币圈老人，币信Coo熊越...</p>
							<span>20:45</span>
						</div>
					</div>
					<div class="video-va">
						<div class="img">
							<img src="">
						</div>
						<div class="v-lcon">
							<p>曾63元入手比特币，6年币圈老人，币信Coo熊越...</p>
							<span>20:45</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 底部 -->
<div id="footer">
	<div class="box">
		<div class="bottom-nav">
			<div class="nav-left" id="bottom-nav">
				<div class="nav-list">
					<div class="footer-header">关于我们</div>
					<ul>
						<li>关于玖牛</li>
						<li>版权声明</li>
						<li>品牌素材</li>
						<li>使用条款</li>
					</ul>
				</div>
				<div class="nav-list">
					<div class="footer-header">联系我们</div>
					<ul>
						<li>商务合作</li>
						<li>申请专栏</li>
						<li>联系方式</li>
					</ul>
				</div>
				<div class="nav-list">
					<div class="footer-header">关注我们</div>
					<ul>
						<li>公众号</li>
						<li>H5</li>
						<li>微信</li>
					</ul>
				</div>
				<div class="nav-list">
					<div class="footer-header">加入我们</div>
					<ul>
						<li>boss直聘</li>
						<li>拉勾网</li>
					</ul>
				</div>
				<div class="nav-list">
					<div class="footer-header">品牌</div>
					<ul>
						<li>玖牛投资</li>
						<li>盈链科技</li>
					</ul>
				</div>
			</div>
			<div class="nav-right">
				<img src="./images/wx.png">
				<p>微信公众号</p>
			</div>
		</div>
		<div class="like-nav">
			<ul id="like-nav">
				<li>首页</li>
				<li>蚂蚁矿池</li>
				<li>区块网</li>
				<li>彩云比特</li>
				<li>手机端</li>
			</ul>
			<div style="font-size: 12px;color: #cccccc;">Copyright  2018 · 玖伍科技（深圳）有限公司  · 粤ICP备18108749号-2 · 站长统计 · 站点地图</div>
		</div>
	</div>
</div>
</body>
</html>
<script type="text/javascript" src="../public/lib/layer/2.4/layer.js"></script>
<script type="text/javascript">
$(function(){
	//头部导航接口
	var top_nav_url = 'http://'+document.domain+"/index/data/NavCat";
	$.ajax({
		type: 'POST',
        url: top_nav_url,
        data:{site:1},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<li><a href="'+result[i]['url']+'">'+result[i]['name']+'</a></li>';
			})
			$('.one-ul').html(html);
        },
	})
	//底部导航接口
	var bottom_nav_url = 'http://'+document.domain+"/index/data/NavCatList";
	$.ajax({
		type: 'POST',
        url: bottom_nav_url,
        data:{site:3},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<div class="nav-list">';
				html += '<div class="footer-header">'+result[i]['name']+'</div>'
				result[i]['list'].forEach((item,j)=>{
					html += '<ul>';
					html += '<li>'+result[i]['list'][j]['name']+'</li>'
					html += '</ul>';
				})
				html += '</div>'
			})
			$('#bottom-nav').html(html);
        },
	})
	//首页热门接口
	var index_hot_url = 'http://'+document.domain+"/index/data/index_hot_new";
	$.ajax({
		type: 'POST',
        url: index_hot_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				if (i==1) {
					html += '<div class="banner-list">';
					html += '<img src="./images/201811191010297602-380x228.png" class="img">';
					html += '<div class="title">';
					html += '<p>'+result[i]['title']+'</p>';
					html += '<span>'+result[i]['member_name']+'&nbsp;&nbsp;'+timestampToTime(result[i]['addtime'])+'<img src="./images/comment1.png"> '+result[i]['comments']+'</span>';
					html += '</div>'
					html += '</div>'
				}
			})
			$('#banner').html(html);
        },
	});
	var like_url = 'http://'+document.domain+"/index/data/Like";
	//友情链接
	$.ajax({
		type: 'POST',
        url: like_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<li>'+result[i]['name']+'</li>';
			})
			$('#like-nav').html(html);
        },
	})
	var hot_new_url = 'http://'+document.domain+"/index/data/hot_new";
	//首页推荐文章
	$.ajax({
		type: 'POST',
        url: hot_new_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<div class="news-list">';
					html += '<img src="./images/201811191010297602-380x228.png" class="img">';
					html += '<div class="con">';
					html += '<a href="article.html?id='+result[i]['id']+'"><div class="title">'+result[i]['title']+'</div></a>';
					html += '<p>'+timestampToTime(result[i]['addtime'])+' <span><img src="./images/comment1.png"> '+result[i]['comments']+'</span></p>';
					html += '</div>';
				html += '</div>';
			})
			$('#hot-news').html(html);
        },
	})
	//首页新闻
	var new_url = 'http://'+document.domain+"/index/data/newlist";
	$.ajax({
		type: 'POST',
        url: new_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<div class="list">';
					html += '<a href="article.html?id='+result[i]['id']+'"><img src="./images/201811200020216214-380x228.png" class="img"></a>';
					html += '<div class="con">';
						html += '<a href="article.html?id='+result[i]['id']+'"><div class="title">'+result[i]['title']+'</div></a>';
						html += '<p>'+result[i]['abstract']+'</p>';
						html += '<div class="author">';
							html += '<div class="left">';
								html += '<img src="./images/201811200020216214-380x228.png" class="head_pic">';
								html += '<a class="member_name">'+result[i]['member_name']+'</a>';
								html += '<img src="./images/dian.png" class="dian">';
								html += '<span>'+timestampToTime(result[i]['addtime'])+'</span>';
								html += '<img src="./images/dian.png" class="dian">';
								result[i]['label_v'].forEach((item,j)=>{
									html += '<a class="label" href="#">'+result[i]['label_v'][j]['name']+'</a>';
								});
							html += '</div>';
						html += '</div>';
					html += '</div>';
				html += '</div>';
			})
			$('#news_list').html(html);
        },
	})
	//首页导航
	var news_nav_url = 'http://'+document.domain+"/index/data/NavList";
	$.ajax({
		type: 'POST',
        url: news_nav_url,
        data:{cat_id:1},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				if (i==0) {
					html += '<li class="bot-tis" onclick="news_nav(this,'+result[i]['id']+')">'+result[i]['name']+'</li>';
				}else{
					html += '<li data-id="'+result[i]['id']+'" onclick="news_nav(this,'+result[i]['id']+')">'+result[i]['name']+'</li>';
				}
			})
			$('#tow_nav').html(html);
        },
	})
	//首页热门新闻
	var news_hot_message_url = 'http://'+document.domain+"/index/data/hot_message";
	$.ajax({
		type: 'POST',
        url: news_hot_message_url,
        data:{cat_id:1},
        dataType: 'json',
        success: function(result){
        	var html_one = '<img src="./images/201811191520442367-380x228.png" class="img">';
        	html_one += '<div class="hot-title">';
	        	html_one +='<p>'+result[0]['title']+'</p>';
	        	html_one +='<div class="author">';
		        	html_one +='<div class="left">';
			        	html_one +='<a href="" class="member_name">'+result[0]['member_name']+'</a>';
			        	html_one +='<img src="./images/dian.png" class="dian">';
			        	html_one +='<span>'+timestampToTime(result[0]['addtime'])+'</span>';
		        	html_one +='</div>';
		        	html_one +='<div class="right">';
			        	html_one +='<a href=""><img src="./images/zan.png"></a>';
			        	html_one +='<p>'+result[0]['like']+'</p>';
			        	html_one +='<a href=""><img src="./images/eye.png"></a>';
			        	html_one +='<p>'+result[0]['look']+'</p>';
		        	html_one +='</div>';
	        	html_one +='</div>';
        	html_one += '</div>';
        	var html = '';
			result.forEach((item,i=1)=>{
				html += '<div class="hot-text-list">';
					html += '<img src="./images/201811200020216214-380x228.png" class="img">';
					html += '<div class="hot-con">';
						html += '<p>'+result[i]['title']+'</p>';
						html += '<div class="author">';
							html += '<div class="left">';
								html += '<a class="member_name">'+result[i]['member_name']+'</a>';
								html += '<img src="./images/dian.png" class="dian">';
								html += '<span>'+timestampToTime(result[i]['addtime'])+'</span>';
							html += '</div>';
							html += '<div class="right">';
								html += '<a href=""><img src="./images/zan.png"></a>';
								html += '<p>'+result[i]['like']+'</p>';
								html += '<a href=""><img src="./images/eye.png"></a>';
								html += '<p>'+result[i]['look']+'</p>';
							html += '</div>';
						html += '</div>';
					html += '</div>';
				html += '</div>';
			})
			$('#hot_one').html(html_one);
			$('#hot_list').html(html);
        },
	})
	//作者列表
	var author_url = 'http://'+document.domain+"/index/data/hot_gather";
	$.ajax({
		type: 'POST',
        url: author_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<div class="writer">';
					html += '<div class="writer-head">';
						html += '<img src="./images/201811191520442367-380x228.png">';
						html += '<div class="memberinfo">';
							html += '<p>'+result[i]['member_name']+'</p>';
							html += '<span>文章数 <b>'+result[i]['consult']+'</b> 浏览量 <b>'+result[i]['browse']+'</b></span>';
						html += '</div>';
						html += '<a href="">关注</a>';
					html += '</div>';
					html += '<div class="writer-essay">';
						html += '<ul>';
							html += '<li><img src="./images/dian.png">当你说只能合约，你说到底是什么？</li>';
							html += '<li><img src="./images/dian.png">手把手教你学会看区块链</li>';
							html += '<li><img src="./images/dian.png">手把手教你学会看区块链学会看区块链的实...</li>';
						html += '</ul>';
					html += '</div>';
				html += '</div>';
			})
			$('#author').html(html);
        },
	})
	//标签列表
	var label_url = 'http://'+document.domain+"/index/data/label";
	$.ajax({
		type: 'POST',
        url: label_url,
        data:{},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<li>'+result[i]['name']+'</li>';
			})
			$('#label_list').html(html);
        },
	})
})
function news_nav(obj,id) {
	$(obj).addClass('bot-tis');
	$(obj).siblings().removeClass('bot-tis');
	var new_url = 'http://'+document.domain+"/index/data/newlist";
	$.ajax({
		type: 'POST',
        url: new_url,
        data:{cat:id},
        dataType: 'json',
        success: function(result){
        	var html = '';
			result.forEach((item,i)=>{
				html += '<div class="list">';
					html += '<a href="article.html"><img src="./images/201811200020216214-380x228.png" class="img"></a>';
					html += '<div class="con">';
						html += '<a href="article.html"><div class="title">'+result[i]['title']+'</div></a>';
						html += '<p>'+result[i]['abstract']+'</p>';
						html += '<div class="author">';
							html += '<div class="left">';
								html += '<img src="./images/201811200020216214-380x228.png" class="head_pic">';
								html += '<a class="member_name">'+result[i]['member_name']+'</a>';
								html += '<img src="./images/dian.png" class="dian">';
								html += '<span>'+timestampToTime(result[i]['addtime'])+'</span>';
								html += '<img src="./images/dian.png" class="dian">';
								result[i]['label_v'].forEach((item,j)=>{
									html += '<a class="label" href="#">'+result[i]['label_v'][j]['name']+'</a>';
								});
							html += '</div>';
						html += '</div>';
					html += '</div>';
				html += '</div>';
			})
			$('#news_list').html(html);
        },
	})
}
function timestampToTime(timestamp) {
    var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
    var Y = date.getFullYear() + '-';
    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
    var D = date.getDate() + ' ';
    var h = date.getHours() + ':';
    var m = date.getMinutes() + ':';
    var s = date.getSeconds();
    return Y+M+D+h+m+s;
}
</script>